<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>汉服荟商城 - 选购原创正品汉服</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./icon-font/iconfont.css" />
    <!-- 首页css -->
    <link rel="stylesheet" href="./css/index.css" />
    <!-- swiper轮播图 -->
    <script src="./swiper-7.4.1/swiper/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="./swiper-7.4.1/swiper/swiper-bundle.css" />
    <!-- axios -->
    <script src="./js/axios.min.js"></script>
  </head>
  <body>
    <!-- 导航 -->
    <div class="header">
      <div class="header_top">
        <div class="header_center">
          <a class="log" href="./index.html"></a>
          <div class="header_centerRight">
            <div class="headerSearch">
              <input
                type="text"
                name=""
                id=""
                placeholder="请输入你要搜索的商品或店铺"
              />
              <p></p>
            </div>
            <div class="headerLohin">
              <a href="./reg.html">注册</a>
              <i>|</i>
              <a href="./login.html">登录</a>
            </div>
          </div>
        </div>
      </div>
      <div class="header_bottom">
        <!-- 购物车 -->
        <div class="goods">
          <p><i class="goodsNum">1</i></p>
          <span class="iconfont icon-gouwuchekong"></span>
        </div>
        <div class="headerNav">
          <ul class="headerNav_left">
            <li class="listAll atcion"><a href="./index.html">首页</a></li>
            <li><a href="./pets.html" id="cor">萌物库</a></li>
            <li><a href="./brand.html" id="cor">品牌馆</a></li>
            <li>
              <a href="https://www.hanfuhui.com/" target="_blank" id="cor"
                >同袍社区</a
              >
            </li>
          </ul>
          <div class="headerNav_right">
            <a href="#">
              <i></i>
              <span>店铺入驻</span>
            </a>
          </div>
        </div>
      </div>
    </div>

    <!-- 轮播图 -->
    <div class="swiper">
      <div class="swiper-wrapper"></div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
      <!-- 如果需要导航按钮 -->
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
    </div>
    <!-- 本周热卖 -->
    <div class="hotSale">
      <div class="hotSaleNav"><p>本周热卖</p></div>
      <ul class="hotSaleList">
        <!-- <li>
          <a href="#"><img src="./img/hot.png" alt="" /></a>
          <p class="price"><i>￥</i>88.00</p>
          <p class="name"><a href="#">钟灵记.挽清竹:——形制参考实物直播</a></p>
        </li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li> -->
      </ul>
    </div>

    <!-- 汉服女装 -->
    <div class="girlGos">
      <div class="girlGosTop">汉服女装</div>
      <ul class="girlGosList">
        <li></li>
      </ul>
    </div>

    <!-- 汉服男装 -->
    <div class="manGos">
      <div class="manGosTop">汉服男装</div>
      <ul class="manGosList">
        <li></li>
      </ul>
    </div>

    <!-- 汉服app -->
    <div class="app">
      <a href="https://www.hanfuhui.com/"
        ><img src="./img/hnafuapp.png" alt=""
      /></a>
    </div>

    <!-- 汉元素 -->
    <div class="hanElements">
      <div class="hanElementsTop">汉元素</div>
      <ul class="hanElementsList">
        <li></li>
      </ul>
    </div>

    <!-- 汉服童装 -->
    <div class="hanchild">
      <div class="hanchildTop">汉服童装</div>
      <ul class="hanchildList">
        <li></li>
      </ul>
    </div>

    <!-- 周边配饰 -->
    <div class="hanAcc">
      <div class="hanAccTop">周边配饰</div>
      <ul class="hanAccList">
        <li></li>
      </ul>
    </div>

    <!-- 热门品牌 -->
    <div class="hotBrand">
      <div class="hotBrandTop">热门品牌</div>
      <ul class="hotBrandList">
        <li>
          <a href="#"><img src="./img/brand1.png" alt="" /></a>
        </li>

        <li>
          <a href="#"><img src="./img/brand2.png" alt="" /></a>
        </li>

        <li>
          <a href="#"><img src="./img/brand3.png" alt="" /></a>
        </li>

        <li>
          <a href="#"><img src="./img/brand4.png" alt="" /></a>
        </li>

        <li>
          <a href="#"><img src="./img/brand5.png" alt="" /></a>
        </li>

        <li>
          <a href="#"><img src="./img/brand6.png" alt="" /></a>
        </li>

        <li>
          <a href="#"><img src="./img/brand7.png" alt="" /></a>
        </li>

        <li>
          <a href="#"><img src="./img/brand8.png" alt="" /></a>
        </li>

        <li>
          <a href="#"><img src="./img/brand9.png" alt="" /></a>
        </li>

        <li>
          <a href="#"><img src="./img/brand10.png" alt="" /></a>
        </li>

        <li>
          <a href="#"><img src="./img/brand11.png" alt="" /></a>
        </li>
        <li>
          <a href="#"><img src="./img/brand12.png" alt="" /></a>
        </li>
        <li>
          <a href="#"><img src="./img/brand13.png" alt="" /></a>
        </li>
        <li>
          <a href="#"><img src="./img/brand14.png" alt="" /></a>
        </li>
        <li>
          <a href="#"><img src="./img/brand15.png" alt="" /></a>
        </li>
        <li>
          <a href="#"><img src="./img/brand16.png" alt="" /></a>
        </li>
        <li>
          <a href="#"><img src="./img/brand17.png" alt="" /></a>
        </li>
        <li>
          <a href="#"><img src="./img/brand18.png" alt="" /></a>
        </li>
      </ul>
    </div>

    <!-- footer导航 -->
    <div class="footer">
      <p>
        <a href="https://www.hanfuhui.com/copyright?key=aboutus">关于我们</a
        ><i>|</i> <a href="https://www.hanfugou.com/join">商家入驻</a><i>|</i>
        <a href="https://www.hanfuhui.com/copyright?key=shopjoin">入驻协议</a
        ><i>|</i>
        <a href="https://www.hanfuhui.com/copyright?key=helper">新手指南</a
        ><i>|</i>
        <a href="https://www.hanfuhui.com/copyright?key=cooperation">商务合作</a
        ><i>|</i> <a href="https://www.hanfuhui.com/">汉服荟</a><i>|</i>
      </p>
      <div class="footerBom">
        <a href="https://szcert.ebs.org.cn/5121967f-66cd-4d9c-acbc-9f8bb5024b4f"
          ><img src="./img/ebs_icon.png" alt="" />
        </a>
        <span
          >CopyRight ©2014 ~ 2022 深圳市汉服荟网络科技有限公司 版权所有</span
        >
        <a href="https://beian.miit.gov.cn/#/Integrated/index"
          >粤ICP备14046913号-1</a
        >
        <span> 电话：0755-21503399 </span>
      </div>
    </div>
    <a id="toTop"><span class="iconfont icon-huidaodingbu"></span></a>
    <script src="./js/index.js"></script>
  </body>
</html>
